<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>my todolist demo</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
    <script>
      //=>根据当前设备的宽度,动态计算出REM的换算比例,实现页面中元素的等比缩放
      ~(function anonymous(window) {
        let computedREM = function computedREM() {
          let winW = document.documentElement.clientWidth,
            desW = 375
          if (winW >= 375) {
            document.documentElement.style.fontSize = '100px'
            return
          }
          document.documentElement.style.fontSize = (winW / desW) * 100 + 'px'
        }
        computedREM()
        window.addEventListener('resize', computedREM)
      })(window)
    </script>
  </body>
</html>
